/**
 * Copyright (c) 2010, Slawomir Mazur <mazursllawek@gmail.com>
 * 
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions 
 * are met:
 * 
 * o Redistributions of source code must retain the above copyright notice, 
 *   this list of conditions and the following disclaimer.
 * o Redistributions in binary form must reproduce the above copyright notice,
 *   this list of conditions and the following disclaimer in the documentation
 *   and/or other materials provided with the distribution.
 * o Neither the name of the Softisland nor the names of its contributors
 *   may be used to endorse or promote products derived from this software
 *   without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 
 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT 
 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR 
 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT 
 * HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, 
 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT 
 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 
 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY 
 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 
 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
/**
 * Enter description here...
 *
 * @package     js
 * @copyright   Slawomir Mazur (c) 2010 (http://www.zend.com/zce.php?c=ZEND011643)
 * @license     http://www.opensource.org/licenses/bsd-license.php
 * @author      Slawomir Mazur <mazursllawek@gmail.com>
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, button,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
body {line-height: 1;background:#fff;color:#191919;text-align:left;
	font: 11px/15px 'Open Sans', tahoma, arial,sans-serif;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

h1 { font-size:2.1em; line-height: 2.0em; }
h2 { font-size:1.9em; line-height: 1.8em; }
h3 { font-size:1.7em; line-height: 1.6em; }
h4 { font-size:1.5em; line-height: 1.4em; }
h5 { font-size:1.3em; line-height: 1.2em; }
h6 { font-size:1.1em; line-height: 1.0em; }

h1.page-title { color: #999; text-shadow: 1px 1px #222; }

.clear-both {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.no-display {display:none;}
.left {float:left;}
.right {float:right;}
.none{float:none !important;}
.clear:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

/* ################################################################# */

html, body{height:100%;}
a{color:#2f2f2f;}
a:hover{text-decoration:none;}

/* ################################################################# */

.messages { width:100%; overflow:hidden; }
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.error-msg, .success-msg, .notice-msg {
    margin-bottom:1em !important;
    border-style:solid !important;
    border-width:1px !important;
    background-repeat:no-repeat !important;
    background-position:10px 10px !important;
    padding:8px 8px 8px 10px !important;
    font-size:.95em !important;
    font-weight:bold !important;
}
.error-msg{border-color:#f16048;color:#df280a;background-color:#faebe7;}
.success-msg{border-color:#446423;color:#3d6611;background-color:#eff5ea;}
.notice-msg{border-color:#fcd344;color:#3d6611; background-color:#fafaec;}
.notice-msg a{color: #00f;}

#ajaxLoader { background: url("../images/ajax.gif") no-repeat 0 0; padding:3px 0 3px 18px; display: none; color: #292929; }

.logo { cursor: pointer; }

/* ################################################################# */

/* Form lists */
.form-list li { margin:0 0 8px; }
.form-list .col1 { display: block; width: 200px; }
.form-list .col2 { display: block; float: left; margin: 2px 0; }
.form-list label.col1 { float:left; color:#666; font-weight:bold; }
.form-list label.required {}
.form-list label.required em { font-style:normal; color:#eb340a; padding-left: 2px; }
.form-list li .col2 label.error { background: url("../images/valid_pointer.gif") no-repeat 0 2px; color: #DF280A; display: block;padding-left: 10px; }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { margin-right:6px; }
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
.form-list .input-box { display:block; clear:both; width:260px; }
.form-list .field { float:left; width:275px; }
.form-list input.input-text { width:254px; }
.form-list textarea { width:254px; height:70px; }
.form-list select { width:260px; }
.form-list li.wide .input-box { width:500px; }
.form-list .hidden-row { display: none; }

table#files {}
table#files a {padding: 0 5px;}

.file-list { padding: 15px; }
.file-list h2 { margin: 3px 3px 7px; }
.file-list h2 a { font-weight: normal; }

/* ####################   Main Layout  ############################# */

.wrapper {position:relative;min-height:100%;height:100%;height:auto;}
.wrapper .container { width: 960px; margin: 0 auto; }
.wrapper .header .top-ban { height: 35px; padding-top: 5px; }
.wrapper .header .top-ban a { text-decoration: none; }
.wrapper .header .top-ban a:hover { text-decoration: underline; }
.wrapper .header .top-ban span.separator { padding: 0 7px; font-weight: normal; color: #999; }
.wrapper .header .logo-ban { }
.wrapper .header .logo-ban .logo { width: 142px; height: 80px; background: url(../images/logo.gif) repeat 0 0; float: left; border-left: 170px solid #27adca; }
.wrapper .header .logo-ban #searchTooltip { font-size: 1.3em; color: #f60; padding: 48px 0 0 5px; }

.wrapper .search-box { margin: 70px auto 0 auto; width: 655px; }
.wrapper label.example { display: block; padding: 0 0 5px 10px; }
.wrapper .search-box #qbox { width: 578px; border: none !important; height: 24px; background: transparent url(../images/search.gif) no-repeat 0 0; margin: 0; padding: 12px 15px; }
.wrapper .search-box #qbox.hover { background-position: 0 -48px; }
.wrapper .search-box #qbox #q { width: 100%; border: none !important; background: none !important; margin: 3px 0 0 0; }
.wrapper .search-box #search { width: 44px; height: 48px; cursor: pointer; border: none; background: transparent url(../images/button.gif) no-repeat 0 0; }
.wrapper .search-box #search.hover { background-position: 0 -48px; }
.wrapper .search-box #search.click { background-position: 0 -96px; }
.wrapper .search-attributes { padding: 4px 0 0 10px; }
.wrapper .search-attributes div { clear: left; }
.wrapper .search-attributes div label { width: 129px; display: block; float: left; }
.wrapper .search-attributes div select { width: 200px; border: 1px solid #999; cursor: default; margin-bottom: 5px; float:left; font-family: 'Open Sans', tahoma, arial, sans-serif; }
.wrapper .search-attributes label#about, .wrapper .search-attributes label#attributes
{ cursor: help; font-weight: bold; float: left; font-size: 1.3em; padding-left: 5px; color: #444; width: 10px; }
.wrapper .search-attributes div #aetext { float: left; font-weight: bold; cursor: pointer; display: block; width: 200px; padding-bottom: 10px; }
.wrapper .search-attributes div #aeholder { position: relative; float: left; clear: none; }
.wrapper .search-attributes div #aeholder div, .wrapper .search-attributes div #aeholder div#aeclose 
{ position: absolute; display: none; z-index: 999; width: 300px; right: -100px; clear: none; }
.wrapper .search-attributes div #aeholder div { height: 200px; background: #fff; top: 50px; overflow: auto; }
.wrapper .search-attributes div #aeholder div#aeclose { background: #000; text-align: right; padding-right: 10px; width: 290px; top: 25px; height: 25px;
line-height: 25px; color: #fff; font-weight: bold; }
.wrapper .search-attributes div #aeholder div#aeclose span { cursor: pointer; }
.wrapper .search-attributes div #aeholder div label { float: none; width: 100%; background: #e5e5e5; }
.wrapper .search-attributes div #aeholder div label input { vertical-align: middle; margin-right: 4px; }

.wrapper .body { padding: 40px 0 200px; }

.wrapper .footer { background: #161616; bottom: 0 !important; font-size: 10px;
    height: 100px; padding: 15px 0 0; position: absolute; width: 100%; border-top: 5px solid #27adca; }
.wrapper .footer .established { float: left; color: #efefef; }
.wrapper .footer .menu { float: right; }
.wrapper .footer .menu li { float: left; }
.wrapper .footer .menu li a { display: block; padding: 2px 5px; margin: 0 2px; text-decoration: none; color: #efefef; }
.wrapper .footer .menu li a:hover { border-bottom: 1px dotted #efefef; }

/* ################################################################# */
h5 strong { display: block; }

.gene-result-list { margin-top: 20px; }
.gene-result-list .gene-result-list-library { float: left; margin: 0 0 15px 0; padding-bottom: 50px; }
.gene-result-list .gene-result-list-library ul { margin: 30px 0; }
.gene-result-list .gene-result-list-library small { font-size: 0.7em; color: #777; padding: 3px 0; }
.gene-result-list .gene-result-list-library .annotation-info { display: block; }
.gene-result-list .gene-result-list-library strong small { padding: 0; }
.gene-result-list .gene-result-list-library small label { color: #e00; }
.gene-result-list .gene-result-list-library small.prev-link { display: block; }
.gene-result-list .gene-result-list-library small.prev-link a { color: #f60; }
.gene-result-list li { margin-bottom: 5px; }
.gene-result-list li.start-item { background: url(../images/dot.png) repeat-x 0 0; margin: 0 20px 0 0; height: 10px; }
.gene-result-list li span { font-weight: bold; color: #222; }
.gene-result-list li img.network { vertical-align: middle; }

a.back-link { background: url('../images/back.png') no-repeat scroll 0 100% transparent; color: #27adca;
display: block; font: 17px/20px 'Open Sans', sans-serif; padding: 20px 0 0 20px; text-decoration: none; text-transform: uppercase; }
a.back-link:hover { color: #f60; }

.library-history { margin: 20px 0 0 0; padding-bottom: 200px; }
.library-history .gene-result-list-library { border-bottom: 1px solid #555; }
.library-history .gene-result-list-library ul { margin: 30px 0; }
.library-history .gene-result-list-library small { font-size: 0.8em; color: #777; }
.library-history .gene-result-list-library small label { color: #f00; }
.library-history li { margin-bottom: 5px; }
.library-history li.start-item { background: url(../images/dot.png) repeat-x 0 0; margin: 0 20px 0 0; height: 10px; }
.library-history ul li span { font-weight: bold; color: #222; }
.library-history ul li img.network { vertical-align: middle; }

/* ##  Pager  ## */
ol.pager { margin: 26px 0; overflow: hidden; }
ol.pager li { float: left; height: 30px; line-height: 30px; margin: 0 9px 0 0; }
ol.pager li a { color: #000; cursor: pointer; text-decoration: none; }
ol.pager li a:hover span em { text-decoration: underline; }
ol.pager li a.selected { color: #fff; }
ol.pager li a.selected span { background: #333; }
ol.pager li a span { }
ol.pager li a span em { font-style: normal; margin: 0 5px; padding: 0 6px; }
ol.pager li a span, ol.pager li a span em { display: block; height: 100%; }

/* dates navigation in result page */
ol.dater { margin: 26px 0; overflow: hidden; }
ol.dater li { float: left; height: 30px; line-height: 30px; margin: 0 9px 0 0; }
ol.dater li a { color: #fff; cursor: pointer; text-decoration: none; }
ol.dater li a span { font-weight: normal; background: #4f81bd; }
ol.dater li a:hover span { background: #385d8a; }
ol.dater li a span em { font-style: normal; margin: 0 5px; padding: 0 6px; color: #fff; }
ol.dater li a span, ol.pager li a span em { display: block; height: 100%; }

#cytoscapeweb { height: 960px; }
ul.network-note { font-family: 'Terminal Dosis', sans-serif; }
ul.network-note li { margin-bottom: 8px; border-left: 5px solid #ccc; padding: 10px 0 0 5px; }
ul.network-note li span { display: block; width: 80px; color: #888; }
ul.network-note li h4 { float: left; color: #000; }
ul.network-note li.library span { float: left; }
ul.network-note li.library h4 { float: left; }
ul.network-note li.gene span { float: left; }
ul.network-note li.gene h4 { float: left; }

/* Footer links */
.container { }
.container h2 { font:3.0em 'Terminal Dosis', sans-serif; border-bottom: 2px solid #27ADCA; color: #161616; margin: 0 0 30px; padding-bottom: 2px; }
.container .content { }
.container .content p { margin: 0 0 6px; text-indent: 30px; font-size: 1.2em; }
.container .content p a { color: #56a4e7; font-weight: bold; text-decoration: none; }
.container .content p a:hover { color: #f60; border-bottom: 1px dotted #f60; }
.container .contact h5 { margin: 5px 0 20px 0; color: #888; }
.container .contact ul { margin-bottom: 20px;  }
.container .contact ul li { }
.container .contact ul li.name h1 { margin: 0 0 5px; font-weight: bold; color: #d95b30; font-size: 1.4em; line-height: 1.5em; }
.container .contact ul li.title { font-weight: bold; color: #c99c8c; }
.container .contact ul li.group { margin-top: 10px; }

img.diagram { display: block; margin: 20px auto; }

.tooltip-note { padding:10px; color: #000; border: 1px solid #888864; background: #fdfcc0; display:none; position:absolute; z-index: 999; }

.user-login { width: 360px; margin: 0 auto 0 auto; padding-top: 90px; }
.user-login .form-list .col1 { width: 100px; }
.user-login .form-list .col2 input.input-text {font: 11px arial,helvetica,sans-serif;}

/* Form button */
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button { overflow: visible; width:auto; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; }
button.button span { display: block; height: 19px; border: 1px solid #de5400; background: #f18200; padding: 0 8px; font: bold 12px/19px Arial, Helvetica, sans-serif; text-align: center; white-space: nowrap; color: #fff; }
button.button span span { border: 0; padding: 0; }
button.disabled span { border-color: #bbb !important; background: #bbb !important; }
button.action span { background: #618499; border-color: #406A83; }

a.blocked-data { text-decoration: none; color: #f60; font-weight: normal; }
a:hover.blocked-data { text-decoration: underline; font-weight: bold; }

a.provider { background: url(../images/popup.png) no-repeat 100% 50%; padding-right: 15px; color: #6d6d6d; }

#errorTag { color: #272727; font-weight: bold; family-name: arial; }
#errorCode { color: #7c7be1; }
#errorCodeContent { color: #058b18; }
#errorImage { display: block; margin: 10px auto; }

#multiquery-accordion { }
#multiquery-accordion .multiquery-slice { margin-bottom: 2px; }
#multiquery-accordion .multiquery-slice h3 { background: #626262; cursor: pointer; color: #fff; font: bold 2.6em 'Terminal Dosis', sans-serif; padding: 10px 0 10px 25px; border-radius: 8px; }
#multiquery-accordion .multiquery-slice h3.selected { background: #a9a9a9; }
#multiquery-accordion .multiquery-slice div.q-content {  }

#collabos a { text-decoration: none; border-bottom: 1px solid #2f2f2f; }
#collabos a:hover { color: #999; border-bottom: 1px dotted #999; padding-left: 2px; }

#emptyValuesSwitcher { margin: 10px 0; padding-bottom: 10px; background: url('../images/dot.png') repeat-x 0 100%; }
#emptyValuesSwitcher input { margin: 0 7px 0 0; vertical-align: sub; }
#emptyValuesSwitcher label { font-size: 1.3em; font-weight: bold; }